body{
    background-color: white;
}
.header{
    height: 212px;
    background:url(../imgs/bj.jpg)no-repeat center;
    background-size: 100%;
    .city{
        height: 30px;
        width: 60px;
        border-radius: 25px;
        background-color: rgba(0,0,0,.2);
        top: 20px;
        left: 8px;  
    }
    .point{
        height: 8px;
        width: 100%;
        bottom: 8px;
        .act{
            background: #1889fb;
        }
       }
}
.point i{ 
        width: 8px;
        height: 8px;
        background-color:  rgba(0,0,0,.2);
        border-radius: 4px;
}
.list{
    padding-bottom: 60px;
    .card{
        padding: 12px 10px;
        .DD{
            background: #ccd0d7;
        }
        .buy{
            width:50px;
            height: 25px;
            border: 1px solid #ff3700;
        }
    }
}
.ft{
    width: 100%;
    height: 50px;
    bottom: 0;
    background-color: white;
    .act{
        color: #ff3700;
    }
}